<template>
  <div class="b">
    <!-- 作用域插槽 -->
    <slot :msg="msg"></slot>

    <slot name="main" :title="title"></slot>
  </div>
</template>
<script>
// 作用域插槽
export default {
  data() {
    return {
      msg: '我是子组件B的数据',
      title: '今天是上海封城的第二天',
    }
  },
  created() {},
  mounted() {},
}
</script>
<style lang="scss">
.b {
  width: 500px;
  height: 200px;
  margin: 5px;
  border: 1px solid #000;
  border-radius: 10px;
  overflow: auto;
}
</style>
